<template>
	<view class="page-body">
		<view class="main-box base-select">
			<!-- 导航部分 -->
			<my-tabs-swiper :list="tabList" :current.sync="tabCurrentIndex">
				<!-- direct=直推;indirect=间推 -->
				<template v-slot:one>
					<DirectlyUnderVue type="direct" ></DirectlyUnderVue>
				</template>
				<template v-slot:name_1>
					<DirectlyUnderVue type="indirect"></DirectlyUnderVue>
				</template>
					
				<template v-slot:name_2>
					<TempSubVue :current="tabCurrentIndex"></TempSubVue>
				</template>
				
			</my-tabs-swiper>
			<!-- end 导航部分 -->
			
			
		</view>
	</view>
</template>

<script>
	import DirectlyUnderVue from './components/DirectlyUnder.vue'
	import TempSubVue from './TempSub.vue'
	import request from "@/utils/request";
	export default {
		components: {
			DirectlyUnderVue,
			TempSubVue
		},
		data() {
			return {
				tabList: [
					{name: '直接下推', count: '', slotName: 'one', component: DirectlyUnderVue},
					{name: '间接下推', count: ''},
					{name: '全部', count: ''},
				],
				tabCurrentIndex: 0,
			}
		},
		
		onLoad() {
		},
		methods: {
		}
	}
</script>

<style lang="scss" scoped>
	$base-color: #999999;
	
	.page-body,
	.main-box {
		height: 100vh;
		padding-bottom: 40rpx;
	}
</style>